<template>
  <div>
    <div class="myform">
      <div class="center">
        <div>
          <img width="100%" src="/image/taste_b.jpg" alt="" />
        </div>
        <div style="display: flex">
          <ul style="font-size: 13px">
            <li>缘起</li>
            <li>通告</li>
            <li>预约</li>
            <li>回味</li>
            <li>品鉴预约</li>
          </ul>
          <ul style="margin-top: 10px">
            <li style="color: #572f1b; font-size: 12px">
              不知道你是否也在一个人享受甜点与阳光<br />
              黑池一直在努力抓住美好的午后时光<br />
              而为此诞生赏味沙龙并不是单纯对自己产品的推广<br />
              它更像是一次好友间的小聚<br />
              没有工作的约束 没有时间的限制<br />
              干净明亮的落地窗<br />
              铺满了馥郁咖啡香味的房间<br />
              在分享美味时打开了久违的话匣子<br />
              话题如蛋糕或清甜酸爽<br />
              或香醇回甘<br />
              生活不过如此，也仅需如此.....
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.myform {
  margin-top: 40px;
  .center {
    padding: 10px;
    border: 1px solid blanchedalmond;
    background-color: #f3f0ed;
    width: 50%;
    margin: auto;
    div:last-child > span {
      margin-right: 10px;
    }
    div:last-child > span:hover {
      color: #a56224;
    }
    .cur {
      color: #a56224;
    }
    ul:first-child {
      li {
        width: 5vw;
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 40px;
        color: #543018;
      }
      li:hover {
        color: #a56224;
      }
    }
    ul:last-child {
      li {
        margin-left: 50px;
        color: #543018;
        button {
          background-color: #543018;
          color: white;
          border-radius: 5px;
          padding: 10px;
          font-size: 13px;
        }
      }
    }
  }
}
</style>